{% load staticfiles %}
{% load notifications_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" value="Guo Xiaolong">
    <title>东软人才湾</title>
    <!-- css -->
    <!-- zui -->
    <link href="https://cdn.bootcss.com/zui/1.8.1/css/zui-theme.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/zui/1.8.1/css/zui.min.css" rel="stylesheet">
    <!-- font-Awesome -->
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- mycss -->
    <link href="{% static 'recommendation/css/mycss.css' %}" rel="stylesheet">

    <!-- js -->
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="https://cdn.bootcss.com/zui/1.8.1/js/zui.min.js"></script>

    <script src="https://cdn.bootcss.com/bootbox.js/4.4.0/bootbox.min.js"></script>
    <style>
        {% block style %}
            span.highlighted {
                color: red;
            }
            a{
            text-decoration:none;
            }
        {% endblock %}
    </style>
</head>
<body>
{% block head %}
    <div class="container">
        <nav class="navbar  navbar-default" style="background-color:#7DB9DE" role="navigation">
            <div class="container-fluid">
                <!-- 导航头部 -->
                <div class="navbar-header">
                    <!-- 品牌名称或logo -->
                    <a class="navbar-brand" href="/">东软人才湾</a>
                </div>
                <!-- 导航项目 -->
                <div class="collapse navbar-collapse navbar-collapse-example">
                    <!-- 一般导航项目 -->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- 导航中的下拉菜单 -->

                        {% if user.is_authenticated %}
                            <li><a href="{% url 'recommendation:pubResume' %}">推荐人才</a></li>
                            <li><a href="{% url 'users:notify' %}">
                                <i class="fa fa-bell" aria-hidden="true" style="color: #1a1a1a"></i>
                                {% notifications_unread as unread_count %}
                                <span class="label label-badge">{% if unread_count > 0 %}
                                    {{ unread_count }}{% endif %}</span></a>
                            </li>
                            <li class="dropdown ">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img class="user-img" src="{{ request.user.avatar.url }}"
                                         style="height: 25px;width: 25px;">
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="{% url 'users:user' request.user.id %}">个人主页</a></li>
                                    <li><a href="{% url 'users:setting' %}">修改信息</a></li>
                                    <li class="divider"></li>
                                    <li><a href="{% url 'logout' %}">注销</a></li>
                                </ul>
                            </li>
                        {% else %}
                            <li><a href="{% url 'login' %}">登录</a></li>
                        {% endif %}

                    </ul>
                </div>
                <!-- END .navbar-collapse -->
            </div>
        </nav>
    </div>
{% endblock %}


<div class="container main ">
    {% block container %}
        <div class="col-md-3">
            {% block left %}

            {% endblock %}
        </div>

        <div class="col-md-9">
            {% block main %}

            {% endblock %}
        </div>
    {% endblock %}


</div>

{% block domready %}

{% endblock %}

</body>
</html>